<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>货物页面</title>
    <link rel="stylesheet" href="/css/init.css">
    <link rel="stylesheet" href="/css/gouwu.css">
    <link rel="stylesheet" href="/css/kkpager_orange.css">
    <link rel="stylesheet" href="/css/bottom_info.css">
    <link href="/css/Navigation_bar.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div th:insert="~{Navigation_bar :: top_nav}"></div>
    <div class="page">
        <div class="main w">
            <div class="header">
                <div class="sousuo">
                    <div class="form">
                        <input type="text" class="h_input" placeholder="请输入要搜索的词">
                    </div>
                    <button class="form_button"></button>
                    <div class="tip">

                    </div>
                </div>
                <div class="car">
                    <div class="gouwuche">
                        <i class="shopping-amount">0</i>
                        <div class="iconfont">
                            <img src="/img/top1.jpg" class="car_img">
                        </div>
                        <a href="/car/showCar" class="gouwuche_a">我的购物车</a>
                    </div>
                </div>
            </div>
            <div class="row">
                <ul class="sorts">
                    <li1 class="sort">
                        <a href="javascript:;" class="sort_a1">综合排序</a>
                    </li1>
                    <!--<li2 class="sort">
                        <a href="javascript:;" class="sort_a2">销量</a>
                    </li2>
                    <li3 class="sort2">
                        <div class="trigger">
                            <div class="link">
                                <span class="text">价格</span>
                                <span class="icon1"></span>
                            </div>
                        </div>
                    </li3>-->
                </ul>
                <!--<div class="prices">
                    <div class="inner">
                        <ul class="items1">
                            <li class="item1">
                                <input type="text" placeholder="¥" value=""
                                       aria-label="价格最小值" class="prices_1" data-orig="">
                            </li>
                            <li class="sep">-</li>
                            <li class="item1">
                                <input type="text" placeholder="¥" value=""
                                       aria-label="价格最大值" class="prices_2" data-orig="">
                            </li>
                            <li class="submit">
                                <button class="prices_3" type="button">确定</button>
                            </li>
                        </ul>
                    </div>
                </div>-->

                <div class="pager">
                    <ul class="items2">
                        <li class="item2">
                            <a href="javascript:;" class="pager_a1">
                                <span class="pager_span1"></span>
                            </a>
                        </li>
                        <li class="item2">
                            <span class="pager_span2">1</span>
                            /100
                        </li>
                        <li class="item2">
                            <a href="javascript:;" class="pager_a2">
                                <span class="pager_span3"></span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="styles">
                    <ul class="items3">
                        <li class="item3"></li>
                        <li class="item3"></li>
                    </ul>
                </div>
                <div class="location">

                 </div>
            </div>
        </div>
        <div class="classify w clearFloat">
                <div class="left">
                    <span>分类</span>
                </div>
                <div class="right right_inner_min">
                    <div class="right_inner ">
                        <ul>

                        </ul>
                    </div>
                    <div><a>展开</a></div>
                </div>
        </div>
        <div class="midden w clearFloat">
            <div class="m_list">
                <!--1-->
                <!--/*/ <th:block th:each="commodity : ${commodity.esCommodityList}"> /*/-->
                <div class="midden1" data-index="0">
                    <div class="pic">
                        <a href="" th:href="@{/commodity/commodity_info/{id}(id=${commodity.cid})}" class="img_a">
                            <img src="/img/girl.jpg" th:src="${commodity.images}" alt="" class="img1">
                        </a>
                    </div>
                    <div class="m1_box">
                        <div class="bar">
                            <div class="m1_left">
                                <div class="m1_price">
                                    <span class="m_span">¥</span>
                                    <strong>[[${commodity.price}]]</strong>
                                </div>
                            </div>
                            <div class="m1_right">[[${commodity.sales_volume}]]人收货</div>
                            <div class="m1_icon"></div>
                        </div>
                    </div>
                    <div class="m_text">
                        <a href="javascript:;" th:href="@{/commodity/commodity_info/{id}(id=${commodity.cid})}" class="m_a"  th:utext="${commodity.title}">
                        </a>
                    </div>
                    <div class="adr1">上海</div>
                </div>
                </div>
                <!--/*/ </th:block> /*/-->
            </div>
        <div class="w">
                <div id="kkpager" style="width: 740px;margin: 0 auto 100px"></div>
        </div>
               <!-- <span class="pagingSelect">上一页</span>
                <ul>
                    <a href="javascript:;">
                        <li>1</li>
                    </a>
                    <a href="javascript:;">
                        <li class="pagingS">2</li>
                    </a>
                    <a href="javascript:;">
                        <li>3</li>
                    </a>
                    <a href="javascript:;">
                        <li>4</li>
                    </a>
                    <a href="javascript:;">
                        <li>5</li>
                    </a>
                    <a href="javascript:;">
                        <li>6</li>
                    </a>
                </ul>
                <span class="ss">....</span>
                <span>下一页</span>
            </div>
        </div>-->
    </div>

    <div th:insert="~{index :: bottom_info}"></div>


    <script src="/js/jquery-1.12.4.js"></script>
    <script src='/js/nprogress.js'></script>
    <script src="/js/urlParam.js"></script>
    <script src="/js/searchKeyword.js"></script>
    <script src="/js/gouwu.js"></script>
    <script type="text/javascript" src="/js/kkpager.js"></script>
</body>
</html>